﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Ajax_BoxMoiNhat.aspx.cs" Inherits="ProjectQuaDep.Ajax.Ajax_BoxMoiNhat" %>
<%@ Import Namespace="BAL" %>
<div class="left">
    <div class="slide-doatgiai">
        <asp:Repeater ID="rptData" runat="server" onitemdatabound="rptData_ItemDataBound">
            <ItemTemplate>
                <div class="item">
                    <a href="<%# Eval(Const.Images.Url) %>"><%# Eval(Const.Images.IMAGEURL) %></a>
                    <div class="main-name"><a href="<%# Eval(Const.Images.Url) %>"><%# Eval(Const.Images.Name) %></a></div>
                    <div class="main-info">
                        <span class="">
                            <iframe src="//www.facebook.com/plugins/like.php?href=<%=BO.Const.sHttpDomain %><%# Eval(Const.Images.Url) %>&amp;width=90&amp;height=21&amp;colorscheme=light&amp;layout=button_count&amp;action=like&amp;show_faces=true&amp;send=false&amp;appId=313386658769610" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:90px; height:21px;padding-left:8px" allowTransparency="true"></iframe>
                            <%--<img src="/Images/Web/Like.gif" />--%>
                        </span>
                        <span class="countdgmn_<%# Eval(Const.Images.ImageId) %>"><div class="innertext"></div><a href="<%# Eval(Const.Images.Url) %>#divComment" ><img class="small-img" src="/Images/Web/Comment.gif" /></a></span>
                        <span class="countsharemnfb_<%# Eval(Const.Images.ImageId) %>"><div class="innertext"></div><a href="https://www.facebook.com/sharer/sharer.php?u=<%=BO.Const.sHttpDomain %><%# Eval(Const.Images.Url) %>" target="_blank"><img class="small-img" src="/Images/Web/Share.gif" /></a></span>
                        <span class=""><div class="loadPointVote<%# Eval(Const.Images.ImageId) %>"><asp:Literal ID="ltrBinhChon" runat="server"></asp:Literal></div><a href="javascript:void(0);" onclick="UpdateVoteByID_Hung(<%# Eval(Const.Images.ImageId) %>,'loadPointVote<%# Eval(Const.Images.ImageId) %>')"><img class="small-img" src="/Images/Web/Vote.gif" /></a></span>
                    </div>
                </div>        
            </ItemTemplate>
        </asp:Repeater>
    </div>
    <div class="slide-paging paggingdoatgiai"></div>
</div>
<div class="right">
    <ul class="duthi">
            <asp:Repeater ID="rptData_Cont" runat="server" onitemdatabound="rptData_Cont_ItemDataBound">
            <ItemTemplate>
                <li><a href="<%# Eval(Const.Images.Url) %>">
                <div class="imgnicehome">
                <%# Eval(Const.Images.IMAGEURL) %>
                </div>
                </a><div class="small-info"><p><%# Eval(Const.Images.Name) %></p></div></li>
            </ItemTemplate>
            <AlternatingItemTemplate>
                <li class="pr0"><a href="<%# Eval(Const.Images.Url) %>">
                <div class="imgnicehome">
                <%# Eval(Const.Images.IMAGEURL) %>
                </div>
                </a><div class="small-info"><p><%# Eval(Const.Images.Name) %></p></div></li>
            </AlternatingItemTemplate>
        </asp:Repeater>
    </ul>
</div>

<script type="text/javascript">
    $(document).ready(function () {
        $('.slide-doatgiai').cycle({
            timeout: 6000,
            pager: '.paggingdoatgiai',
            activePagerClass: 'active',
            pagerAnchorBuilder: function (idx, slide) {
                return '<div class="normal"></div>';
            }
        });

        $(".slide-doatgiai .item").mouseenter(function () {
            $(this).find('div.main-name').show();
            $(this).find('div.main-name').animate({ 'top': '110px' }, 1000, 'easeOutBounce');
        }).mouseleave(function () {
            $(this).find('div.main-name').animate({ 'top': '220px' }, 1000, 'easeOutBounce');
        });
    });
</script>

<asp:Literal ID="ltrScritp" runat="server"></asp:Literal>